<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		.card {
			width: 200px;
			background: #ccc;
			padding: 10px;
			margin: 5px;
		}
	</style>
</head>
<body>
	<div id="app">
		<div>
			<input type="text" v-model="price">
			{{ price | currency('USD') }}			
		</div>
		<hr>
		<div>
			<input v-model="length">			
			mm : {{length | meter}}
		</div>

	</div>

	<div id='app2'>
		<div v-pin:true.bottom.right="card1.pinned" class="card">
			<button @click="card1.pinned = !card1.pinned">钉住/取消</button>
			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server
		</div>
		<div v-pin="card2.pinned" class="card">
			<a href="#" @click="card2.pinned = !card2.pinned">pin it</a>
			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server
		</div>

		<div>
			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. For a long time, it has been running on many heavily loaded Russian sites including Yandex, Mail.Ru, VK, and Rambler. According to Netcraft, nginx served or proxied 24.86% busiest sites in July 2018. Here are some of the success stories: Dropbox, Netflix, Wordpress.com, FastMail.FM.

			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. For a long time, it has been running on many heavily loaded Russian sites including Yandex, Mail.Ru, VK, and Rambler. According to Netcraft, nginx served or proxied 24.86% busiest sites in July 2018. Here are some of the success stories: Dropbox, Netflix, Wordpress.com, FastMail.FM.

			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. For a long time, it has been running on many heavily loaded Russian sites including Yandex, Mail.Ru, VK, and Rambler. According to Netcraft, nginx served or proxied 24.86% busiest sites in July 2018. Here are some of the success stories: Dropbox, Netflix, Wordpress.com, FastMail.FM.

			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. For a long time, it has been running on many heavily loaded Russian sites including Yandex, Mail.Ru, VK, and Rambler. According to Netcraft, nginx served or proxied 24.86% busiest sites in July 2018. Here are some of the success stories: Dropbox, Netflix, Wordpress.com, FastMail.FM.

			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. For a long time, it has been running on many heavily loaded Russian sites including Yandex, Mail.Ru, VK, and Rambler. According to Netcraft, nginx served or proxied 24.86% busiest sites in July 2018. Here are some of the success stories: Dropbox, Netflix, Wordpress.com, FastMail.FM.

			nginx [engine x] is an HTTP and reverse proxy server, a mail proxy server, and a generic TCP/UDP proxy server, originally written by Igor Sysoev. For a long time, it has been running on many heavily loaded Russian sites including Yandex, Mail.Ru, VK, and Rambler. According to Netcraft, nginx served or proxied 24.86% busiest sites in July 2018. Here are some of the success stories: Dropbox, Netflix, Wordpress.com, FastMail.FM.
		</div>
	</div>


<script type="text/javascript" src="vue.min.js"></script>	
<script type="text/javascript" src="filter.js"></script>
</body>
</html>